import autofit from 'autofit.js'

// 配置大屏自适应
export function setupAutoFit() {
  // 设计稿尺寸，根据实际项目修改
  const designWidth = 1920
  const designHeight = 1080

  // 初始化autofit
  autofit.init({
    designWidth,
    designHeight,
    container: document.getElementById('app'), // 自适应的容器
    resize: true, // 监听窗口大小变化
    delay: 100, // 窗口大小变化后，延迟多少毫秒重新计算
    mode: 'scale', // 缩放模式'scale'，也可以是'flex'
    center: true, // 是否居中显示
   // ignore: ['.el-overlay'], // 补充 .v-modal（Element的遮罩层类名）
   //  ignore: ['.el-overlay', '.el-dialog', '.v-modal'] // 忽略 Dialog 相关元素
   //  ignore: [
   //    { el: '#mapView' },
   //    'div[id*="el-popper-container"]',
       // 添加Dialog的遮罩层选择器
    // ]

  })

  console.log('Autofit initialized with design size:', designWidth, 'x', designHeight)

  // 可以在这里添加一些额外的自适应逻辑
  return autofit
}
